<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <{header}>
        <link rel="stylesheet" href="images/styles.css" />
    </head>
    <body class="index-page">
        <{require file="block/header.html"}>
        <div class="center">
            <div class="section">
                <div class="page">
                    <div class="category-placeholder">
                    </div>
                    <div class="margin-main">
                        <{widgets id="main_slide"}>
                    </div>
                    <div class="rsidebar">
                        <div class="gray-box m news">
                            <{widgets id="news"}>
                        </div>
                        <div class="gray-box day-group">
                            <{widgets id="day_group"}>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="page">
                    <div class="lsidebar">
                        <{widgets id="hot_brand"}>
                    </div>
                    <div class="margin-main">
                        <div class="tab-box index-promotions" id="promotions">
                            <ul class="label-list">
                                <li class="label-item active">
                                热门商品
                                <span class="ar"></span>
                                </li>
                                <li class="label-item last">
                                促销推荐
                                <span class="ar"></span>
                                </li>
                            </ul>
                            <div class="panel-content">
                                <ul class="panel-list">
                                    <li class="panel-item">
                                        <{widgets id="limitbuy"}>
                                    </li>
                                    <li class="panel-item" style="display:none;">
                                        <{widgets id="promotions"}>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <script>
                            new Switchable('promotions',{
                                eventType:'mouseover',
                                autoplay:false,
                                triggers:'.label-item',
                                panels:'.panel-item',
                                lazyDataType:'img'
                            });
                        </script>
                    </div>
                    <div class="rsidebar">
                        <{widgets id="gift"}>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="page">
                    <div class="lsidebar">
                        <div class="blue-box mail-subscribe m">
                            <{widgets id="mail_subscribe"}>
                        </div>
                        <div class="ad-box sub-ad">
                            <{widgets id="sub_ad"}>
                        </div>
                    </div>
                    <div class="margin-main">
                        <div class="tab-box index-promotions" id="hot">
                            <ul class="label-list">
                                <li class="label-item active">
                                新&nbsp;&nbsp;&nbsp;&nbsp;品
                                <span class="ar"></span>
                                </li>
                                <li class="label-item">
                                热&nbsp;&nbsp;&nbsp;&nbsp;卖
                                <span class="ar"></span>
                                </li>
                                <li class="label-item last">
                                热&nbsp;&nbsp;&nbsp;&nbsp;评
                                <span class="ar"></span>
                                </li>
                            </ul>
                            <div class="panel-content">
                                <ul class="panel-list">
                                    <li class="panel-item">
                                    <{widgets id="new_product"}>
                                    </li>
                                    <li class="panel-item" style="display:none;">
                                    <{widgets id="hot_product"}>
                                    </li>
                                    <li class="panel-item" style="display:none;">
                                    <{widgets id="comment_product"}>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <script>
                            new Switchable('hot',{
                                eventType:'click',
                                autoplay:false,
                                triggers:'.label-item',
                                panels:'.panel-item',
                                lazyDataType:'img'
                            });
                        </script>
                    </div>
                    <div class="rsidebar">
                        <{widgets id="integration"}>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="page">
                    <div class="left-main">
                        <{widgets id="goods_floor1"}>
                    </div>
                    <div class="rsidebar">
                        <{widgets id="charts1"}>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="page">
                    <div class="left-main">
                        <{widgets id="goods_floor2"}>
                    </div>
                    <div class="rsidebar">
                        <{widgets id="charts2"}>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="page">
                    <div class="left-main">
                        <{widgets id="goods_floor3"}>
                    </div>
                    <div class="rsidebar">
                        <{widgets id="charts3"}>
                    </div>
                </div>
            </div>
        </div>
        <{require file="block/footer.html"}>
    </body>
</html>
